<form id="edit-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">

    <div class="form-group">
        <label for="c-merid" class="control-label col-xs-12 col-sm-2">{:__('Merid')}:</label>
        <div class="col-xs-12 col-sm-4">
            <label id="c-merid"  class="control-label" v-text="row.merid"></label>
        </div>
        <label for="c-uid" class="control-label col-xs-12 col-sm-2">{:__('Uid')}:</label>
        <div class="col-xs-12 col-sm-4">
            <label id="c-uid"  class="control-label" v-text="row.uid"></label>
        </div>
    </div>
    <div class="form-group">
        <label for="c-phone" class="control-label col-xs-12 col-sm-2">{:__('Phone')}:</label>
        <div class="col-xs-12 col-sm-4">
            <label id="c-phone"  class="control-label" v-text="row.phone"></label>
        </div>
        <label for="c-isp" class="control-label col-xs-12 col-sm-2">{:__('Isp')}:</label>
        <div class="col-xs-12 col-sm-4">
            <label id="c-isp"  class="control-label" v-text="row.isp"></label>
        </div>
    </div>
    <div class="form-group">
        <label for="c-iccid" class="control-label col-xs-12 col-sm-2">{:__('Iccid')}:</label>
        <div class="col-xs-12 col-sm-4">
            <label id="c-iccid"  class="control-label" v-text="row.iccid"></label>
        </div>
        <label for="c-mdn" class="control-label col-xs-12 col-sm-2">{:__('Mdn')}:</label>
        <div class="col-xs-12 col-sm-4">
            <label id="c-mdn"  class="control-label" v-text="row.mdn"></label>
        </div>
    </div>
    <div class="form-group">

        <label for="c-goods_id" class="control-label col-xs-12 col-sm-2">{:__('Goods_id')}:</label>
        <div class="col-xs-12 col-sm-4">
            <label id="c-goods_id"  class="control-label" v-text="row.goods_id"></label>
        </div>
        <label for="c-goods_name" class="control-label col-xs-12 col-sm-2">{:__('Goods_name')}:</label>
        <div class="col-xs-12 col-sm-4">
            <label id="c-goods_name"  class="control-label" v-text="row.goods_name"></label>
        </div>
    </div>
    <div class="form-group">
        <label for="c-src_taskid" class="control-label col-xs-12 col-sm-2">{:__('Src_taskid')}:</label>
        <div class="col-xs-12 col-sm-4">
            <label id="c-src_taskid"  class="control-label" v-text="row.src_taskid"></label>
        </div>
        <label for="c-dst_taskid" class="control-label col-xs-12 col-sm-2">{:__('Dst_taskid')}:</label>
        <div class="col-xs-12 col-sm-4">
            <label id="c-dst_taskid"  class="control-label" v-text="row.dst_taskid"></label>
        </div>
    </div>
    <div class="form-group">
        <label for="c-status" class="control-label col-xs-12 col-sm-2">{:__('Status')}:</label>
        <div class="col-xs-12 col-sm-4">
            <label id="c-status" class="control-label" v-text="row.status_text"></label>
        </div>
        <label for="c-sale" class="control-label col-xs-12 col-sm-2">{:__('Sale')}:</label>
        <div class="col-xs-12 col-sm-4">
            <label id="c-sale"  class="control-label" v-text="row.sale_text"></label>
        </div>
    </div>
    <div class="form-group">
        <label for="c-ctime" class="control-label col-xs-12 col-sm-2">{:__('Ctime')}:</label>
        <div class="col-xs-12 col-sm-4">
            <label id="c-ctime"  class="control-label" v-text="row.ctime"></label>
        </div>
        <label for="c-endtime" class="control-label col-xs-12 col-sm-2">{:__('Endtime')}:</label>
        <div class="col-xs-12 col-sm-4">
            <label id="c-endtime"  class="control-label" v-text="row.endtime"></label>
        </div>
    </div>
    <div class="form-group">
        <label for="c-name" class="control-label col-xs-12 col-sm-2">{:__('Name')}:</label>
        <div class="col-xs-12 col-sm-4">
            <label id="c-name"  class="control-label" v-text="row.name"></label>
        </div>
        <label for="c-pkg" class="control-label col-xs-12 col-sm-2">{:__('Pkg')}:</label>
        <div class="col-xs-12 col-sm-4">
            <label id="c-pkg"  class="control-label" v-text="row.pkg"></label>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2 text-info"><button class="btn btn-info btn-xs"  @click.prevent="getCardInfo">卡信息</button>:</label>
        <div class="col-xs-12 col-sm-10" id="c-info">
            <div class="control-label text-success" style="text-align: left;" v-for="item in cardInfo">{{item.name}}{{item.value}}</div>
        </div>
    </div>
</form>
<div class="hide layer-footer">
    <label class="control-label col-xs-12 col-sm-2"></label>
    <div class="col-xs-12 col-sm-8">
        <button type="reset" class="btn btn-primary btn-embossed btn-close" onclick="Layer.closeAll();">{:__('Close')}</button>
    </div>
</div>
<script src="__CDN__/assets/js/vue/vue.min.js"></script>
<script src="__CDN__/assets/js/vue/vue-resource.js"></script>
<script>
    var ids = "{$ids}";
    new Vue({
        el:'#edit-form',
        data:{
            row:{},
            cardInfo:[]
        },
        mounted:function () {
            this.$nextTick(function () {
                this.view();
            });
        },
        methods:{
            view:function () {
                this.row = JSON.parse('{$row}');
            },
            getCardInfo:function() {
                var that = this;
                this.$http.get('',{ids:ids}).then(function (res) {
                    //console.log(res)
                    that.cardInfo = res.body;
                });
            }
        }
    });
</script>